<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/libs/data/calendar.css">
    <link rel="stylesheet" href="/css/payment.css">
    <title>支付页面</title>
</head>
<body>
    <header></header>
    <div class="main">
        <h5>填写信息/提交订单</h5>
        <p>选择收货地址</p>
        <div class="outer">
            <select name="province" id="province">
                <option value="四川省">四川省</option>
            </select>
            <select name="city" id="city">
                <option value="成都市">成都市</option>
            </select>
            <select name="town" id="town">
                <option value="武侯区">武侯区</option>
            </select>
        </div>
        <input type="text" placeholder="填写详细地址" class="address">
        <p>收货人</p> 
        <input type="text" class="name">
        <p>收货人手机</p> 
        <input type="text" class="name">
        <p>收货时间</p> 
        <div id="demo">
            <input type="text" id="dt" placeholder="请选择日期" class="data">
            <!-- <input type="text" class="time" placeholder="请选择配送日期"> -->
            <select class="time" name="time">
                <option value="请选择配送时间">请选择配送时间</option>
                <option value="12:30~13:30">12:30~13:30</option>
                <option value="13:00~14:00">13:00~14:00</option>
                <option value="13:30~14:30">13:30~14:30</option>
                <option value="14:30~15:30">14:30~15:30</option>
                <option value="15:30~16:30">15:30~16:30</option>
                <option value="16:30~17:30">16:30~17:30</option>
                <option value="17:30~18:30">17:30~18:30</option>
                <option value="18:30~19:30">18:30~19:30</option>
                <option value="19:30~20:30">19:30~20:30</option>
                <option value="20:30~21:30">20:30~21:30</option>
                <option value="21:30~22:30">21:30~22:30</option>
            </select>
            <div id="dd"></div>
        </div>
        <p>订单信息</p> 
        <ul class="order-row">
            <li>商品信息</li>
            <li>单价</li>
            <li>数量(个)</li>
            <li>金额小计</li>
        </ul>
        <div id="order-detail"> </div>
            <script type="text/html" id="order">
                {{each list item}}
                    <ul id="pay-shop" data-id="{{item.id}}">
                        <li>
                            <img src="{{item.photo.url}}" alt="">
                            <p>{{item.title.slice(0,10)}}</p>
                        </li>
                        <li>￥<span>{{item.price.toFixed(2)}}</span></li>
                        <li>{{item.num}}</li>
                        <li>￥<span>{{(item.price*item.num).toFixed(2)}}</span></li>
                    </ul>
                {{/each}}
            </script>
            <p>添加订单备注</p> 
            <input type="text" class="remarks" placeholder="限定60字(请将购买需求在备注中详细说明)">
            <p>优惠方式</p> 
            <div class="free">
                <input type="text" placeholder="输入卡号">
                <input type="text" placeholder="输入密码">
                <input type="button" class="use" value="兑换并使用">
            </div>
            <p>支付方式</p> 
            <div class="pay">
                <div>支付宝支付</div>
                <div>微信支付</div>
            </div>
            <div class="all">
                    <div class="submit-order">提交订单</div>
                    <img src="/images/weixin.jpg" alt="" class="code">
                <div>总计￥<span class="total"></span></div>
                
            </div>
    </div>
    <footer></footer>
    <script src="/libs/jquery/require/require.min.js" data-main="/js/payment"></script>
</body>
</html>